<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta keywords="">
    <meta description="">
    <link rel="dns-prefetch" href="//s1.cximg.com">
    <link href="/resources/css/common/reset.css" rel="stylesheet">
    <link href="/resources/css/common/common.css" rel="stylesheet">
    <link href="/resources/css/order_detail/order_detail.css" rel="stylesheet">
    <link href="/resources/dep/ECar/modal/css/ECar.modal.css" rel="stylesheet">
    <title>订单详情页面</title>
  </head>
  <body>
    <div class="order-detail-pay">
      <h3>订单详情</h3>
      <table border="0" cellspacing="0" cellpadding="0" class="pay-table">
        <tbody>
          <tr>
            <td class="text-pay">
              <!--已支付（未发货）
              div.pay-state
                p.mb-15 已支付
                p.text-gray （未发货）
              -->
              <!--已支付（备货中）
              div.pay-state
                p.mb-15 已支付
                p.text-gray （备货中）
              -->
              <!--已发货（评论）
              div.pay-state
                p.mb-15 已发货
                p
                 a(href="javascript:;").blue-bg 评论
              -->
              <!--已取消
              div.pay-state
                p.mb-15 已取消
              -->
              <!--已申请售后--查看退货
              div.pay-state
                p.mb-15 已申请售后
                p
                 a(href="javascript:;").blue-bg 评论
                 a(href="javascript:;").sales.j_return 查看退货
              -->
              <!--未支付-如需支付请至列表页
              div.pay-state
                p.mb-15 未支付
                p.pay-need
                 i.icon_warn_small
                 span.text 如需支付
                   a(href="javascript:;").clr-blue 请至列表页
                   |进行操作
              
              -->
              <div class="pay-state">
                <p class="mb-15">已支付</p>
                <p><a href="javascript:;" class="blue-bg">评论</a><a href="javascript:;" class="sales j_consult">查看券码</a><a href="javascript:;" class="sales j_return">查看退货</a></p>
              </div>
            </td>
            <td class="text-num">
              <div class="order-num">
                <p class="mb-15"> <span class="txt txt-3letter"> 订 单 号</span><span class="num">1234245</span></p>
                <p class="mb-15"> <span class="txt">订单来源</span><span class="num">1234245</span>
                  <!--span img(src="/resources/img/order-pic.png" width="70px" height="26px")
                  -->
                </p>
                <p> <span class="txt">订单类型</span><span class="num">京东订单   </span></p>
              </div>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <div id="DealerList" class="ticket">
      <div class="scroll-wrapper w-580">
        <div class="scroll-content ticket-h">
          <div class="coupon-list">
            <div class="coupon-name clearfix">
              <div class="fl coupon-pic"><img src="/resources/img/coupon-pic.jpg"></div>
              <div class="fl coupon-text mt-15">
                <p>Clinique倩碧水磁场眼霜 眼部护理水凝</p><a href="javascript:;" class="clr-blue mt-10 dsp-ib">发送至手机</a>
              </div>
            </div>
            <ul class="clearfix">
              <li class="item-list mr-20">
                <div class="item-l fl">券码</div>
                <div class="item-r fl">
                  <p title="EDJRDKFJP102601000200" class="ticket-num">EDJRDKFJP102601000200</p>
                  <p class="time-zone">有效期：2016-04-30</p>
                </div>
              </li>
              <li class="item-list">
                <div class="item-l fl">券码</div>
                <div class="item-r fl">
                  <p title="EDJRDKFJPdhdjrrED" class="ticket-num">EDJRDKFJPdhdjrrED</p>
                  <p class="time-zone">有效期：2016-04-30</p>
                </div>
              </li>
              <li class="item-list mr-20">
                <div class="item-l fl">券码</div>
                <div class="item-r fl">
                  <p title="EDEDEDEDEDEDEDED" class="ticket-num">EDEDEDEDEDEDEDED</p>
                  <p class="time-zone">有效期：2016-04-30</p>
                </div>
              </li>
              <li class="item-list">
                <div class="item-l fl">券码</div>
                <div class="item-r fl">
                  <p title="WWWWWWWWWWWWWWW" class="ticket-num">WWWWWWWWWWWWWWW</p>
                  <p class="time-zone">有效期：2016-04-30</p>
                </div>
              </li>
              <li class="item-list mr-20">
                <div class="item-l fl">券码</div>
                <div class="item-r fl">
                  <p title="EDJRDKFJP102601000200" class="ticket-num">EDJRDKFJP102601000200</p>
                  <p class="time-zone">有效期：2016-04-30</p>
                </div>
              </li>
              <li class="item-list">
                <div class="item-l fl">券码</div>
                <div class="item-r fl">
                  <p title="EDJRDKFJPdhdjrrED" class="ticket-num">EDJRDKFJPdhdjrrED</p>
                  <p class="time-zone">有效期：2016-04-30</p>
                </div>
              </li>
              <li class="item-list mr-20">
                <div class="item-l fl">券码</div>
                <div class="item-r fl">
                  <p title="EDEDEDEDEDEDEDED" class="ticket-num">EDEDEDEDEDEDEDED</p>
                  <p class="time-zone">有效期：2016-04-30</p>
                </div>
              </li>
              <li class="item-list">
                <div class="item-l fl">券码</div>
                <div class="item-r fl">
                  <p title="WWWWWWWWWWWWWWW" class="ticket-num">WWWWWWWWWWWWWWW</p>
                  <p class="time-zone">有效期：2016-04-30</p>
                </div>
              </li>
              <li class="item-list mr-20">
                <div class="item-l fl">券码</div>
                <div class="item-r fl">
                  <p title="EDJRDKFJP102601000200" class="ticket-num">EDJRDKFJP102601000200</p>
                  <p class="time-zone">有效期：2016-04-30</p>
                </div>
              </li>
              <li class="item-list">
                <div class="item-l fl">券码</div>
                <div class="item-r fl">
                  <p title="EDJRDKFJPdhdjrrED" class="ticket-num">EDJRDKFJPdhdjrrED</p>
                  <p class="time-zone">有效期：2016-04-30</p>
                </div>
              </li>
              <li class="item-list mr-20">
                <div class="item-l fl">券码</div>
                <div class="item-r fl">
                  <p title="EDEDEDEDEDEDEDED" class="ticket-num">EDEDEDEDEDEDEDED</p>
                  <p class="time-zone">有效期：2016-04-30</p>
                </div>
              </li>
              <li class="item-list">
                <div class="item-l fl">券码</div>
                <div class="item-r fl">
                  <p title="WWWWWWWWWWWWWWW" class="ticket-num">WWWWWWWWWWWWWWW</p>
                  <p class="time-zone">有效期：2016-04-30       </p>
                </div>
              </li>
            </ul>
          </div>
          <div class="coupon-list">
            <div class="coupon-name clearfix">
              <div class="fl coupon-pic"><img src="/resources/img/coupon-pic.jpg"></div>
              <div class="fl coupon-text mt-15">
                <p>Clinique倩碧水磁场眼霜 眼部护理水凝</p><a href="javascript:;" class="clr-blue mt-10 dsp-ib">发送至手机</a>
              </div>
            </div>
            <ul class="clearfix">
              <li class="item-list mr-20">
                <div class="item-l fl">券码</div>
                <div class="item-r fl">
                  <p class="ticket-num">2002639373</p>
                  <p class="time-zone">有效期：2016-04-30</p>
                </div>
              </li>
              <li class="item-list">
                <div class="item-l fl">券码</div>
                <div class="item-r fl">
                  <p class="ticket-num">2002639373</p>
                  <p class="time-zone">有效期：2016-04-30</p>
                </div>
              </li>
              <li class="item-list">
                <div class="item-l fl">券码</div>
                <div class="item-r fl">
                  <p class="ticket-num">2002639373</p>
                  <p class="time-zone">有效期：2016-04-30  </p>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="returns">
      <ul class="mt clearfix">
        <li class="item-name text-c">商品</li>
        <li class="item-num">申请退货数量</li>
        <li class="item-state">退货状态</li>
      </ul>
      <div id="DealerListone" class="returns-roll"> 
        <div class="scroll-wrapper">
          <div class="scroll-content">
            <ul class="returns-list clearfix">
              <li>
                <p class="item-name fl coupon-pic"><img src="/resources/img/coupon-pic.jpg"><span class="name-txt dsp-ib">Clinique倩碧水磁场眼霜 眼部护理水凝霜保淡化细纹黑眼圈</span></p><span class="item-num dsp-ib ln-hg clr-black">2</span><span class="item-state dsp-ib ln-hg clr-black">待审核</span>
              </li>
              <li>
                <p class="item-name fl coupon-pic"><img src="/resources/img/coupon-pic.jpg"><span class="name-txt dsp-ib">Clinique倩碧水磁场眼霜 眼部护理水凝霜保淡化细纹黑眼圈</span></p><span class="item-num dsp-ib ln-hg clr-black">2</span><span class="item-state dsp-ib ln-hg clr-black">已退货</span>
              </li>
              <li>
                <p class="item-name fl coupon-pic"><img src="/resources/img/coupon-pic.jpg"><span class="name-txt dsp-ib">Clinique倩碧水磁场眼霜 眼部护理水凝霜保淡化细纹黑眼圈</span></p><span class="item-num dsp-ib ln-hg clr-black">2</span><span class="item-state dsp-ib ln-hg clr-black">已失败</span>
              </li>
              <li>
                <p class="item-name fl coupon-pic"><img src="/resources/img/coupon-pic.jpg"><span class="name-txt dsp-ib">Clinique倩碧水磁场眼霜 眼部护理水凝霜保淡化细纹黑眼圈</span></p><span class="item-num dsp-ib ln-hg clr-black">2</span><span class="item-state dsp-ib ln-hg clr-black">退货中</span>
              </li>
              <li>
                <p class="item-name fl coupon-pic"><img src="/resources/img/coupon-pic.jpg"><span class="name-txt dsp-ib">Clinique倩碧水磁场眼霜 眼部护理水凝霜保淡化细纹黑眼圈</span></p><span class="item-num dsp-ib ln-hg clr-black">2</span><span class="item-state dsp-ib ln-hg clr-black">待审核</span>
              </li>
              <li>
                <p class="item-name fl coupon-pic"><img src="/resources/img/coupon-pic.jpg"><span class="name-txt dsp-ib">Clinique倩碧水磁场眼霜 眼部护理水凝霜保淡化细纹黑眼圈</span></p><span class="item-num dsp-ib ln-hg clr-black">2</span><span class="item-state dsp-ib ln-hg clr-black">已失败</span>
              </li>
              <li>
                <p class="item-name fl coupon-pic"><img src="/resources/img/coupon-pic.jpg"><span class="name-txt dsp-ib">Clinique倩碧水磁场眼霜 眼部护理水凝霜保淡化细纹黑眼圈</span></p><span class="item-num dsp-ib ln-hg clr-black">2</span><span class="item-state dsp-ib ln-hg clr-black">退货中</span>
              </li>
              <li>
                <p class="item-name fl coupon-pic"><img src="/resources/img/coupon-pic.jpg"><span class="name-txt dsp-ib">Clinique倩碧水磁场眼霜 眼部护理水凝霜保淡化细纹黑眼圈</span></p><span class="item-num dsp-ib ln-hg clr-black">2</span><span class="item-state dsp-ib ln-hg clr-black">待审核  </span>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="express">
      <dl>
        <dt class="express_title">物流信息</dt>
        <dd class="express_content">
          <ul class="express_content_title">
            <li class="active">包裹1</li>
            <li>包裹2</li>
          </ul>
          <ul class="express_list">
            <li class="express_item clearfix">
              <div class="express_item_good">
                <div>
                  <label>运单编号：</label><em>518058497977</em>
                </div>
                <div>
                  <label>物流快递：</label><em>中通快递</em>
                </div>
                <div class="express_good_info"><img src="" title="" alt="商品">
                  <div>
                    <p>linique倩碧水磁场眼霜 眼部护理水凝淡化细纹黑眼圈</p><b>等<em>3</em>件商品</b>
                  </div>
                </div>
              </div>
              <div class="express_item_detail">
                <ol class="express_detaiL_info">
                  <li class="current">
                    <p class="time">2016-04-10 周日 13:53:14</p>
                    <p>【上海市】 快件已签收，感谢您使用中通快递，感谢使用中通快递，期待再次为您服务</p>
                  </li>
                  <li>
                    <p class="time">13:53:14</p>
                    <p>【上海市】 长宁一部派件员：王东初 18916020400正在为您派件</p>
                  </li>
                  <li>
                    <p class="time">2016-04-10 周日 13:53:14</p>
                    <p>商家正通知快递公司揽件</p>
                  </li>
                  <li>
                    <p class="time">13:53:14</p>
                    <p>【上海市】 长宁一部派件员：王东初 18916020400正在为您派件</p>
                  </li>
                  <li>
                    <p class="time">2016-04-10 周日 13:53:14</p>
                    <p>商家正通知快递公司揽件</p>
                  </li>
                  <li>
                    <p class="time">13:53:14</p>
                    <p>【上海市】 长宁一部派件员：王东初 18916020400正在为您派件</p>
                  </li>
                </ol>
                <div data-show="false" class="express_detail_toolbar"><span class="express_toolbar_main">
                    <label>展开查看全部</label><i class="express_detail_icon express_icon_down"></i></span></div>
              </div>
            </li>
          </ul>
        </dd>
      </dl>
    </div>
    <div class="way">
      <h3>配送方式</h3>
      <table border="0" cellspacing="0" cellpadding="0" class="way-table">
        <tbody>
          <tr>
            <td class="text-tit">配 送 方 式</td>
            <td class="text-cont">快递</td>
          </tr>
          <tr>
            <td class="text-tit">收   件   人</td>
            <td class="text-cont">陈抒</td>
          </tr>
          <tr>
            <td class="text-tit">手         机</td>
            <td class="text-cont">13013013013</td>
          </tr>
          <tr>
            <td class="text-tit">地         址</td>
            <td class="text-cont">上海市长宁区茅台路xxx弄xxx号xxx室</td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="way">
      <h3>支付方式</h3>
      <table border="0" cellspacing="0" cellpadding="0" class="way-table">
        <tbody>
          <tr>
            <td class="text-tit">支 付 时 间</td>
            <td class="text-cont">2016-04-10</td>
          </tr>
          <tr>
            <td class="text-tit">付 款 方 式</td>
            <td class="text-cont">支付宝+积分</td>
          </tr>
          <tr>
            <td class="text-tit">支付总金额</td>
            <td class="text-cont">5300元+23424积分</td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="way">
      <h3>发票信息</h3>
      <table border="0" cellspacing="0" cellpadding="0" class="way-table">
        <tbody>
          <tr>
            <td class="text-tit">发 票 类 型</td>
            <td class="text-cont">公司</td>
          </tr>
          <tr>
            <td class="text-tit">发 票 抬 头</td>
            <td class="text-cont">上海赛可电子商务有限公司</td>
          </tr>
          <tr>
            <td class="text-tit">发 票 内 容</td>
            <td class="text-cont">xxxxxx                      </td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="way">
      <h3>发票信息</h3>
      <table border="0" cellspacing="0" cellpadding="0" class="way-table way-table-list">
        <tbody>
          <tr>
            <td class="text-tit">发 票 类 型</td>
            <td class="text-tit">发 票 抬 头</td>
            <td class="text-tit">发 票 内 容</td>
          </tr>
          <tr>
            <td class="text-cont">公司</td>
            <td class="text-cont">上海赛可电子商务有限公司</td>
            <td class="text-cont">xxxxxx</td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="detailInfo">
      <h2>商品信息</h2>
      <ul class="shoppingNav clearfix">
        <li class="txt1">商品</li>
        <li class="txt2">编码</li>
        <li class="txt3">单价</li>
        <li class="txt4">数量</li>
        <li class="txt5">操作</li>
      </ul>
      <div class="goodBlock">
        <div class="goods-container">
          <ul class="goods clearfix">
            <li class="goodImg"><img src="../../../../resources/img/goods.jpg"><i class="jdone-icon"></i></li>
            <li class="goodsInfo">
              <h2>Clinique倩碧水磁场眼霜 眼部护理水凝霜保湿凝霜保湿凝 淡化细纹黑眼圈<a href="javascript:;" class="p_good">[交易快照]</a></h2>
              <p>颜色分类：青色</p>
              <p>尺码：XL</p>
            </li>
            <li class="code">12345678543212</li>
            <li class="price"> 
              <p class="singleP">2000.00元</p>
              <p>+</p>
              <p class="singleJF">1000积分</p>
            </li>
            <li class="num">2</li>
            <li class="return"><a href="javascript:;">申请退货</a></li>
          </ul>
        </div>
        <div class="goods-container">
          <ul class="goods clearfix">
            <li class="goodImg"><img src="../../../../resources/img/goods.jpg"></li>
            <li class="goodsInfo">
              <h2 class="singleT">Clinique倩碧水磁场眼霜 眼部护理水凝霜保湿凝霜保湿凝 淡化细纹黑眼圈<a href="javascript:;" class="p_good">[交易快照]</a></h2>
            </li>
            <li class="code">12345678543212</li>
            <li class="price"> 
              <p class="singleP">2000.00元</p>
              <p>+</p>
              <p class="singleJF">1000积分</p>
            </li>
            <li class="num">2</li>
            <li class="return"><a href="javascript:;">申请退货</a></li>
          </ul>
        </div>
        <div class="goods-container mix clearfix">
          <ul class="goods clearfix">
            <li class="mixInfo">
              <ul class="clearfix main">
                <li class="goodImg"><img src="../../../../resources/img/goods.jpg"></li>
                <li class="goodsInfo">
                  <h2>Clinique倩碧水磁场眼霜 眼部护理水凝霜保湿凝霜保湿凝 淡化细纹黑眼圈<a href="javascript:;" class="p_good">[交易快照]</a></h2>
                  <p>颜色分类：青色</p>
                  <p>尺码：XL</p>
                </li>
              </ul>
              <ul class="clearfix assistant">
                <li class="goodImg"><img src="../../../../resources/img/goods.jpg"></li>
                <li class="goodsInfo">
                  <h2>Clinique倩碧水磁场眼霜 眼部护理水凝霜保湿凝霜保湿凝 淡化细纹黑眼圈</h2>
                  <p>颜色分类：青色</p>
                  <p>尺码：XL</p>
                </li>
              </ul>
            </li>
            <li class="clearfix">
              <ul class="mixOperation clearfix">
                <li class="code">12345678543212</li>
                <li class="price"> 
                  <p class="singleP">2000.00元</p>
                  <p>+</p>
                  <p class="singleJF">1000积分</p>
                </li>
                <li class="num">2</li>
                <li class="return"><a href="javascript:;">申请退货</a></li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
      <div class="tip_warm"><i class="icon-warn"></i>京东商品售后服务请联系京东客服400-606-5500</div>
    </div>
    <div class="total">
      <p class="total_price"><em>商品总额</em><span class="total_price_num"><span>4000.00</span><b>元</b></span></p>
      <p class="integration"><em>积分</em><span class="integration_num"><span>2000</span><b>积分</b></span></p>
      <p class="total_price"><em>运费</em><span class="total_price_num"><span>4.00</span><b>元</b></span></p>
      <p class="cash"><em class="mr">应付总额</em><span class="cash_num"><span class="red fs-big">999999.99</span><b class="mr red fs-small">元</b><span class="mr fs-small">+</span><span class="red fs-big">999999</span><b class="red fs-small">积分</b></span></p>
    </div>
    <div class="dialog_return">
      <ul class="shoppingNav clearfix">
        <li class="txt1">商品</li>
        <li class="txt2">购买数量</li>
        <li class="txt3">申请退货数量</li>
      </ul>
      <div class="goodBlock">
        <div class="goods-container">
          <ul class="goods clearfix">
            <li class="goodImg"><img src="../../../../resources/img/regood.jpg"></li>
            <li class="goodsInfo">
              <h2>Clinique倩碧水磁场眼霜 眼部护理水凝霜保湿凝霜保湿凝 淡化细纹黑眼圈</h2>
            </li>
            <li class="num">10</li>
            <li class="return">
              <div class="btn_number"><a href="javascript:;" data-btn-type="reduce" class="disabled btn_reduce">-</a>
                <input value="1" type="text" maxLength="2" class="good_number"><a href="javascript:;" data-btn-type="add" class="btn_add">+</a>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <div class="goods-container mix clearfix">
        <ul class="goods clearfix">
          <li class="mixInfo">
            <ul class="clearfix main">
              <li class="goodImg"><img src="../../../../resources/img/regood.jpg"></li>
              <li class="goodsInfo">
                <h2>Clinique倩碧水磁场眼霜 眼部护理水凝霜保湿凝霜保湿凝 淡化细纹黑眼圈</h2>
              </li>
            </ul>
            <ul class="clearfix assistant">
              <li class="goodImg"><img src="../../../../resources/img/regood.jpg"></li>
              <li class="goodsInfo">
                <h2>Clinique倩碧水磁场眼霜 眼部护理水凝霜保湿凝霜保湿凝 淡化细纹黑眼圈</h2>
              </li>
            </ul>
          </li>
          <li class="clearfix">
            <ul class="mixOperation clearfix">
              <li class="num">10</li>
              <li class="return">
                <div class="btn_number"><a href="javascript:;" data-btn-type="reduce" class="btn_reduce">-</a>
                  <input value="1" type="text" maxLength="2" class="good_number"><a href="javascript:;" data-btn-type="add" class="btn_add">+</a>
                </div>
              </li>
            </ul>
          </li>
        </ul>
      </div>
      <div class="back_reason">
        <label>选择退货理由</label>
        <select class="back_reason_list">
          <option value="01" selected>请选择退货理由</option>
          <option value="02">退运费</option>
          <option value="03">收到商品破损</option>
          <option value="04">发票问题</option>
          <option value="05">商品质量问题</option>
          <option value="06">未按预定时间发货</option>
          <option value="07" data-type="others">其他</option>
        </select>
        <input type="text" placeholder="请输入退货理由" value="" class="back_reason_text">
      </div>
      <div class="back_reason_error"><i class="icon-warn"></i><em class="error_text">请填写退货理由</em></div><a href="javascript:;" class="returnStatus">申请退货</a><a href="javascript:;" class="returnStatus disabled">申请退货</a>
      <div class="warn"><i class="icon-warn"></i>提交后，客服人员将在XX个工作日与您联系</div>
    </div>
    <script src="http://s1.cximg.com/cxlib/assets/js/jQuery/jquery-1.11.3.min.js" type="text/javascript"></script>
    <script src="/resources/js/order_detail.js" type="text/javascript"></script>
    <script src="/resources/dep/ECar/modal/ECar.modal.js" type="text/javascript"></script>
    <script src="/resources/dep/ECar/ECar.imitatescroll.js" type="text/javascript"></script>
  </body>
</html>